export function useColumns() {
  const columns = [
    {
      key: "name",
      label: "Name",
      prop: "name",

      align: "center",
      cellRenderer: ({ row }: any) => <el-tag>{row.name}</el-tag>,
    },
    {
      key: "name",
      label: "AAA",
      prop: "name",

      align: "center",
      cellRenderer: ({ row }: any) => <el-tag>qqq</el-tag>,
    },
    {
      key: "age",
      label: "Age",
      prop: "age",

      align: "center",
    },
    {
      key: "sex",
      label: "Sex",
      prop: "sex",

      align: "center",
    },
    {
      key: "address",
      label: "Address",
      prop: "address",

      align: "center",
    },
    {
      key: "operations",
      label: "Operations",
      cellRenderer: () => (
        <>
          <el-button size="small">Edit</el-button>
          <el-button size="small" type="danger">
            Delete
          </el-button>
        </>
      ),
      width: 150,
      align: "center",
      fixed: "right",
    },
  ];
  const pagination = {
    pageSize: 20,
    currentPage: 1,
    pageSizes: [20, 40, 60],
    total: 10,
    align: "right",
    background: true,
    size: "default",
  };
  
  return {
    columns,
    pagination,
  };
}
